<template>
  <div class="tabbar-page">
    <items/>
    <div class="main-container">
      <router-view v-if="$route.meta.noCache === true" />
      <keep-alive v-else :key="$route.path">
        <router-view />
      </keep-alive>
    </div>
  </div>
</template>

<script>
// tabbar items
import Items from './components/Itmes'

export default {
  name: 'Tabbar',
  components: {
    Items
  }
}
</script>

<style scoped lang="stylus">
.tabbar-page
  .main-container
    // tabbar height
    padding-bottom 50px
</style>
